<template>
  <div class="setnetwork bsb">
    <div class="erweima tac">
      <img :src="src" class="code-inner vam" alt/>
      <div class="text">扫码连wifi</div>
    </div>
    <div class="bindnewWork-price">
      <h3 class="h3">配网说明</h3>
      <div class="li" v-for="(item,index) in tip" :key="index">
        <span>{{index + 1}}、</span>
        <span>{{item}}</span>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        tip: [
          '点击机器人都配网按钮，进入扫码状态',
          '将生成的wifi二维码，放在机器前面',
          '完成识别，成功连上wifi',
        ],
        src: '',
      };
    },
    created() {
      this.src = this.http.$get('opening/wificode.Wificode/add_qrcode', this.$route.query, 0, 1)
    },
  };
</script>
<style lang="less" scoped>
  .setnetwork {
    padding: 3.75rem 2.2rem 0;
    height: 100vh;
    background: url("../../images/center/ewm-bg.png") no-repeat top left / 100% 100%;
    .erweima {
      margin: 0 auto;
      padding: 1.25rem 0 1.22rem;
      width: 15.63rem;
      background-color: #fff;
      border-radius: .63rem;
      .code-inner {
        width: 11.88rem;
        height: 11.88rem;
      }
      .text {
        margin-top: .78rem;
        font-size: 1.19rem;
        line-height: 1;
        letter-spacing: .05rem;
        color: #333;
      }
    }
    .bindnewWork-price {
      margin-top: 1.88rem;
      color: #fff;
      .h3 {
        margin-bottom: 1.03rem;
      }
      .li {
        line-height: 1.38rem;
        font-size: 1rem;
      }
    }
  }
</style>
